import { createApp } from 'vue';
import App from './App.vue';
import { createRouter, createWebHistory } from 'vue-router';
import ElementPlus from 'element-plus';

import DataEntry from '@/components/DataEntry.vue';
import DataOverview from '@/components/DataOverview.vue'
import ResultsDisplay from '@/components/ResultsDisplay.vue';
import ComparisonAnalysis from '@/components/ComparisonAnalysis.vue';


const router = createRouter({
  history: createWebHistory(),
  routes: [
    { path: "/", component: DataOverview }, 
    { path: '/data-entry', component: DataEntry },
    { path: '/data-overview', component: DataOverview },
    { path: '/results-display', component: ResultsDisplay },
    { path: '/comparison-analysis', component: ComparisonAnalysis },
  ],
});


const app = createApp(App);

app.use(router);
app.use(ElementPlus);

app.mount('#app');
